<template>
  <div id="customer">
      <el-menu
  :default-active="activeIndex2"
  class="el-menu-demo"
  mode="horizontal"
  @select="handleSelect"
  background-color="#545c64"
  text-color="#fff"
  active-text-color="#ffd04b">
  <el-menu-item ><i class="el-icon-s-home"></i>订单管理</el-menu-item>
  <el-menu-item index="/adminsSystem/mOrders/mOneOrdersDetails"><i class="el-icon-user"></i>订单详情</el-menu-item>
  <el-menu-item index="/adminsSystem/mOrders/mOrdersList"><i class="el-icon-s-operation"></i>所有订单列表</el-menu-item>
  
</el-menu>

<!-- 客户内容 -->
<div class="customerMain">
 <router-view />
</div>
  </div>
</template>

<script>

export default {
 
   data(){
       return {
            activeIndex2: '1'
       }
   },
   methods:{
     handleSelect(path){
          this.$router.push(path).catch(function(err){
            // console.log(22);
          })
     }
   }
}
</script>

<style>
#customer{
  margin-top: -14px;
}
.customerMain{
  margin-top: 50px;
}
</style>